<template>
  <el-breadcrumb
    separator-class="el-icon-arrow-right"
    class="bread-nav-content bread-group-content"
  >
    <el-breadcrumb-item
      :to="{ path: item.path }"
      v-for="(item, i) in breadList"
      :key="i"
      :class="{ 'last-bread': !item.path }"
      >{{ item.name }}</el-breadcrumb-item
    >
    <!-- <el-breadcrumb-item :to="{ path: '/researchResult' }">研究成果</el-breadcrumb-item>
        <el-breadcrumb-item class="last-bread">研究成果列表</el-breadcrumb-item> -->
  </el-breadcrumb>
</template>
<script>
export default {
  name: "BreadNav",
  props: ["breadList"],
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="less">
.bread-nav-content {
  font-size: 15px;
  color: #37383d;
  .el-breadcrumb__inner {
    font-weight: 400;
    font-size: 15px;
    font-family: PingFangSC-Regular, PingFang SC;
    color: #37383d;
  }
  .last-bread {
    .el-breadcrumb__inner {
      color: #3d6cb0;
    }
  }
  .el-breadcrumb__inner.is-link:hover {
    color: #3d6cb0;
  }
}
</style>
